@charset "utf-8";

.container {
	width: 90%;
	background: #FFF;
	padding-top: 1%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 1%;
	
	border-style: solid;
	border-width: 1px;
	/*
	margin: 0 auto;
	
	*/
}

.header {
	background: #6F7D94;
	width: 100%;
	/*
	border-style: solid;
	border-width: 1px;
	/*
	padding-left: 10px;
	padding-right: 10px;
	
	*/
}

.sidebar {
	float: left;
	width: 10%;
	background: #93A5C4;
	/*
	border-style: solid;
	border-width: 1px;
	/*
	padding-left: 10px;
	padding-bottom: 30px;
	padding-top: 30px;
	*/
}

.content {
	float: left;
	width: 90%;
	background: #66CCCC;
	/*
	border-style: solid;
	border-width: 1px;
	/*
	padding: 10px 0;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	*/
	
}

.box {
	
	background: #FFFFFF;
	
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	
	
	/*
	
	border-style: solid;
	border-width: 1px;
	*/
}

.footer {
	background: #CCFFCC;
	
	/*
	border-style: solid;
	border-width: 1px;
	/*
	padding-left: 10px;
	padding-right: 10px;
	
	*/
}